.form-designer{
  width: 100%;
  height: 100%;
  overflow: hidden;

  >div[class~='ant-card-head']{
    padding: 0 10px 0;
    border-bottom: 5px solid whitesmoke;
    min-height: 40px;

    div[class~='ant-card-head-title'],div[class~='ant-card-extra']{
      padding: 5px 0;
    }
    
  }

  >div[class~='ant-card-body']{
    height: calc(100% - 40px);
    padding: 0;

    .layout{
      width: 100%;
      height: 100%;

      .left-aside{
        height: 100%;
        background-color: white;
        border-right: 5px solid whitesmoke;
        padding: 5px;
        max-width: 200px !important;
        min-width: 200px !important;
        width: 200px !important;
        flex: 0 0 200px !important;
      }

      .content{
        height: 100%;
        background-color: white;
      }

      .right-aside{
        height: 100%;
        background-color: white;
        border-left: 5px solid whitesmoke;
        padding: 5px;
        max-width: 300px !important;
        min-width: 300px !important;
        width: 300px !important;
        flex: 0 0 300px !important;

        &>div{
          overflow: hidden;
        }
      }
    }

  }


}

.preview-modal{
  width: 1300px !important;
  div[class~='ant-modal-body']{
    height: 600px
  }
}